@import "variables";

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: color(var(--body_bg_color));
}

.flex-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.flex-item:nth-child(1), .flex-item:nth-child(3) {
  flex-grow: 0;
  flex-shrink: 0;
}

.flex-item:nth-child(2) {
  flex-grow: 1;
  flex-shrink: 1;
  overflow-y: auto;
  height: 100%;
}

.center {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -24px;
}

